
@charset "utf-8";
html {  -webkit-text-size-adjust: none;-webkit-touch-callout: none;-webkit-user-select: none;word-break: break-all;height: 100%;font-size: 62.5%;color: $baseColor;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header,  menu, nav, section { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; }
body, button, input, select, textarea{ font: 400 1.2rem/1.2 "Hiragino Sans GB W3","Hiragino Sans GB",SimHei,sans-serif; }
a ,input,button,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
textarea { resize:none; overflow-y:auto; }
img { border:0; vertical-align:middle;padding: 0;margin: 0; }
iframe { display:block; }
del { text-decoration:line-through; }
ul { list-style:none; }
ol { list-style-position:inside; }
h1, h2, h3, h4, h5, h6 {font-weight:500; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
a { text-decoration:none;color: $baseColor;}
//a:link,a:visited,a:active,a:hover{color: #666;}
table { border-collapse: collapse; border-spacing: 0; }
object, :focus { outline: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
strong{font-weight: 500;}
.fl{float: left;}
.fr{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
.rel{position: relative;}
.clear{clear: both;}
.tc{text-align: center;}
.ov{overflow: hidden;}
.vm{vertical-align: middle;}
.hidden{display: none;}
.fullW{width: 100%;display: block;}
.wrap{margin: 0 15px;}
.tips{color: #666;}
.top5{margin-top: 5px;}
.top10{margin-top: 10px;}
.top15{margin-top: 15px;}
.top20{margin-top: 20px;}
.top25{margin-top: 25px;}
.bg{background: #f3f3f3;}
.bg-white{background: #fff;}
.col{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;

}
.box{
    display: -webkit-box;
    display: -moz-box;
}
body,#app,#app>article{
    height: 100%;
    position: relative;
    @extend .col;
}
//.bg{
//    background-image: url("../images/spring.png");
//    background-repeat: no-repeat;}


.ani{
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.gray{color: #999;}
.pop{
    position: fixed;
    z-index: 900;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0);
    background: rgba(255,255,255,0);
    background-size: 12% auto;
}

.fixSrcoll{overflow: hidden!important;}


//::-webkit-scrollbar-track-piece{
//    background-color:#fff;
//    -webkit-border-radius:0;
//
//}
//::-webkit-scrollbar{
//    width:8px;
//    height:8px;
//}
//::-webkit-scrollbar-thumb{
//    height:50px;
//    background-color:#999;
//    -webkit-border-radius:4px;
//    outline:2px solid #fff;
//    outline-offset:-2px;
//    border: 2px solid #fff;
//}
//::-webkit-scrollbar-thumb:hover{
//    height:50px;
//    background-color:#9f9f9f;
//    -webkit-border-radius:4px;
//}
